<template>
  <div class="left">
   <div class="image"><img src="@/assets/下载.png" alt=""></div>
   <!-- menu -->
    <el-menu
      router
      :collapse='$store.state.isFold'
      :default-active="$route.path"
    
      
     
      background-color="#4D7EFC"
      text-color="#fff"
      active-text-color="#ffd04b">
      <el-menu-item index='/home'>
        <i class="el-icon-setting"></i>
        <span slot="title">首页</span>
      </el-menu-item>
       <el-menu-item index='/approvals'>
        <i class="el-icon-setting"></i>
        <span slot="title">审批</span>
      </el-menu-item>
       <el-menu-item index='/department' >
        <i class="el-icon-setting"></i>
        <span slot="title">组织架构</span>
      </el-menu-item>
       <el-menu-item index='/user'>
        <i class="el-icon-setting"></i>
        <span slot="title">员工</span>
      </el-menu-item>
       <el-menu-item index='/limit'>
        <i class="el-icon-setting" ></i>
        <span slot="title">权限管理</span>
      </el-menu-item>
       <el-menu-item >
        <i class="el-icon-setting"></i>
        <span slot="title">考勤</span>
      </el-menu-item>
       <el-menu-item >
        <i class="el-icon-setting"></i>
        <span slot="title">工资</span>
      </el-menu-item>
       <el-menu-item  index='/company'>
        <i class="el-icon-setting"></i>
        <span slot="title">公司设置</span>
      </el-menu-item>
      
       <el-menu-item >
        <i class="el-icon-setting"></i>
        <span slot="title">社保</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.left{
   height: 100%;
}
.image{
    width: 100%;
   height: 60px;
    text-align: center;
    img{
        width: 100%;
        height: 60px;
    }
}    
.el-menu{
    border-right: none;
   text-align: left;
    }

</style>